<template>
  <div class="payBox">
    <div>
      <slot name="pay-title">
        <div class="pay-title">订单信息</div>
      </slot>
    </div>
    <div class="pad-middle">
      <slot name="pay-item"></slot>
    </div>
    <div class="pay-footer">
      <div class="pay-line">
        <div class="pay-left"></div>
        <div class="pay-right"></div>
      </div>
      <div class="foot-info">
        <div class="date">2021-01-25 11:11:10</div>
        <div class="foot-bottom">
          <div class="foot-count">共计 {{countAndPrice.count}} 件</div>
          <div class="foot-total">合计 &yen; {{countAndPrice.total}}</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import "../assets/less/payBox.less";
export default {
  name: "PayBox",
  props: {
    countAndPrice: {
      type: Object,
      default: function() {
        return {};
      }
    }
  }
};
</script>
